From aa7beb9d88ece969103b86063cd7559fb293b6c2 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Fri, 7 Jun 2024 16:33:38 +0900 Subject: Waybar CSS styles clean up Added Kill active window --- config/waybar/style/[Catppuccin] Latte.css | 104 +++++++++++++---------------- 1 file changed, 48 insertions(+), 56 deletions(-) (limited to 'config/waybar/style/[Catppuccin] Latte.css') diff --git a/config/waybar/style/[Catppuccin] Latte.css b/config/waybar/style/[Catppuccin] Latte.css index 8ee01c1f..92eac7ff 100644 --- a/config/waybar/style/[Catppuccin] Latte.css +++ b/config/waybar/style/[Catppuccin] Latte.css @@ -15,7 +15,6 @@ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; window#waybar { transition-property: background-color; transition-duration: 0.5s; - /*background: transparent;*/ border-bottom: 2px solid @sapphire; background: @theme_base_color; border-radius: 10px; @@ -25,8 +24,54 @@ window#waybar.hidden { opacity: 0.2; } -#waybar.empty #window { - background: transparent; +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; +} + +#taskbar button, +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover, +#workspaces button:hover { + border-radius: 10px; + color: @overlay0; + background-color: @surface0; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.persistent { + color: @surface1; + border-radius: 10px; +} + +#taskbar button.active, +#workspaces button.active { + color: @peach; + border-radius: 10px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.urgent { + color: @red; + border-radius: 0px; } #backlight, @@ -149,59 +194,6 @@ window#waybar.hidden { color: @flamingo; } -#workspaces button { - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button:hover { - border-radius: 10px; - color: @overlay0; - background-color: @surface0; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.persistent { - color: @surface1; - border-radius: 10px; -} - -#workspaces button.active { - color: @peach; - border-radius: 10px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.urgent { - color: @red; - border-radius: 0px; -} - -#taskbar button.active { - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} #custom-cava_mviz { color: @pink; } -- cgit v1.2.3